<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>注册</title>

     
    <link href="${(rc.contextPath)!}/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${(rc.contextPath)!}/static/css/bootstrap-reset.css" rel="stylesheet">
     
    <link href="${(rc.contextPath)!}/static/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
     
    <link href="${(rc.contextPath)!}/static/css/style.css" rel="stylesheet">
    <link href="${(rc.contextPath)!}/static/css/style-responsive.css" rel="stylesheet" />
    
    <link href="${(rc.contextPath)!}/static/assets/jcrop/css/jquery.Jcrop.min.css" rel="stylesheet">
    
    <link href="${(rc.contextPath)!}/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" class="">
  
      <div class="row">
      <br/><br/>
          <div class="col-lg-offset-4 col-lg-4">
              <!--widget start-->
              <aside class="profile-nav alt green-border">
                  <section class="panel">
                  	  
                      <div class="user-heading alt green-bg" style="width:100%;text-align:center;">
                          
                          <a href="#" style="float:center;marign:0 auto;">
                              <img alt="" src="${(rc.contextPath)!}/static/img/profile-avatar.jpg" id="a_upload_img">
                              <input type="file" id="a_real_file" name="a_real_file" style="display:none" value=""  onchange="uploadImgChange(this)" /><#-- onchange="uploadImgChange(this)"-->
                          </a>
                      </div>

                      <div class="panel-body">
                      <form class="form-horizontal" id="default" action="/regist_finishinformation.htm" method="post">
                      	  <input type="hidden" id="userPic300" name="userPic300"/>
                      	  <input type="hidden" id="userPic30" name="userPic30"/>
                      	  <input type="hidden" id="userId" name="userId" value="${(userId)!}"/>
                          <fieldset title="基本资料" class="step" id="default-step-1" >
                              <legend> </legend>
                              <div class="form-group">
                                  <label class="col-lg-offset-1 col-lg-2  control-label">昵称</label>
                                  <div class="col-lg-8">
                                      <input type="text" name="nickName" class="form-control" placeholder="昵称" forvalid="{required:昵称不能为空}"/>
                                  </div>
                              </div>
                              <div class="form-group">
                                  <label class="col-lg-offset-1 col-lg-2 control-label">手机</label>
                                  <div class="col-lg-8">
                                      <input type="text" name="mobileNo" class="form-control" placeholder="手机" forvalid="{required:手机不能为空}" />
                                  </div>
                              </div>
                              <div class="form-group">
                                  <label class="col-lg-offset-1 col-lg-2 control-label">生日</label>
                                  <div class="col-lg-8">
                                      <div class="input-group date form_datetime-meridian" >
                                          <input type="text" class="form-control" readonly="" size="16" id="birthDay" name="birthDay"  />
                                          <div class="input-group-btn">
                                              <button type="button" class="btn btn-danger date-reset" onclick="javaScript:$('#birthDay').val('')"><i class="icon-remove"></i></button>
                                              <button type="button" class="btn btn-info date-set" onclick="javaScript:$('#birthDay').focus()"><i class="icon-calendar"></i></button>
                                          </div>
                                      </div>
                                      
                                  </div>
                              </div>
                              <div class="form-group">
                                  <label class="col-lg-offset-1 col-lg-2 control-label">性别</label>
                                  <div class="col-lg-8">
                                  	  <div style="valign:middle">
	                                  	  <input type="radio" value="1" name="userSex" checked>男
	                                      <input type="radio" value="2" name="userSex">女
                                      </div>
                                  </div>
                              </div>
                              
                              <div class="form-group">
                                  <div style="width:100%;align:center;">
	                                  <div class="col-lg-offset-4 col-lg-4" style="width:30%;">
	                                  	<button type="submit" class="btn btn-success btn-lg btn-block">提交</button>
	                                  </div>
                                  </div>
                              </div>
                              
                              <div class="form-group">
                                  <div style="width:100%;align:center;" id="imgTest">
                                  </div>
                              </div>

                          </fieldset>
                          
                      </form>
                  </div>
                  
                  </section>
              </aside>
              <!--widget end-->
          </div>
      </div>
              
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="${(rc.contextPath)!}/static/js/jquery.js"></script>
    <script src="${(rc.contextPath)!}/static/js/bootstrap.min.js"></script>
    
	
	<#-- 
	<script class="include" type="text/javascript" src="${(rc.contextPath)!}/static/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="${(rc.contextPath)!}/static/js/jquery.scrollTo.min.js"></script>
    <script src="${(rc.contextPath)!}/static/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="${(rc.contextPath)!}/static/js/respond.min.js" ></script>
    
	<script src="${(rc.contextPath)!}/static/assets/jcrop/js/jquery.color.js"></script>
	 
    <script src="${(rc.contextPath)!}/static/js/common-scripts.js"></script>

    <script src="${(rc.contextPath)!}/static/js/jquery.stepy.js"></script>
	-->
    <script src="${(rc.contextPath)!}/static/assets/jcrop/js/jquery.Jcrop.min.js"></script>
    <script src="${(rc.contextPath)!}/static/js/jquery.ajaxfileupload.js"></script>
    
    <script src="${(rc.contextPath)!}/static/js/bootstrap-datetimepicker.js"></script>

   

	<script type="text/javascript" src="${(rc.contextPath)!}/static/res/js/comm/comm_file.js"></script>
	<script type="text/javascript" src="${(rc.contextPath)!}/static/res/js/comm/comm_validate.js"></script>
  <script>
  
  	  $(document).ready(function(){
  	  	
  	  	//初始化日期控件
  	  	$("#birthDay").datetimepicker({
  	  		format: 'yyyy-mm-dd',
  	  		todayHighlight : true, //如果为true, 高亮当前日期
  	  		todayBtn : "linked",   //如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
  	  		minView : 2,           //日期时间选择器所能够提供的最精确的时间选择视图。
  	  		maxView : 3,           //日期时间选择器最高能展示的选择范围视图
  	  		startView : 2,         //日期时间选择器打开之后首先显示的视图
  	  		autoclose : true,      //当选择一个日期之后是否立即关闭此日期时间选择器。
  	  		endDate  : new Date(), //结束时间
  	  	})
  	  	
  	  	$("#a_upload_img").on('click', function(e) {
		    e.preventDefault();
		    //$("#a_upload_img").closest('input[type=file]').trigger('click');
		    $("#a_real_file").click();
		});
		
  	  });
  	  
  	  function uploadImgChange(thisObj){
  	    var fileClone =  $(thisObj).clone();
  	  	var fileVal = $(thisObj).val();
  	  	if(fileVal != null && fileVal!=""){
  	  		$(thisObj).IMGCuter({
  	  			uploadAction:"/upload/img/upload.json",
  	  			//切图上传（点击截图弹出层的确认键）后，执行的回调函数。data为后台传回的参数
  	  			callFun   : function(data){
  	  				$("#userPic300").val(data.cutPath);
  	  				$("#userPic30").val(data.thumbPath);
  	  				
  	  				$("#a_upload_img").attr("src",data.cutPath);
  	  			}
  	  		});
  	  	}
  	  	
  	  	//$(thisObj).parent().append(fileClone);
  	  	//$(thisObj).remove();
  	  	
  	  }
  	  
  	  function myCall(data){
  	  	  alert(data);
  	  }

  </script>


  </body>
</html>
